<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人风采</title>
    <link rel="stylesheet" href="2-2.css">
</head>

<body>
    <header>
        <!-- 首页 -->
        <div class="dh">
            <ul>
                <li>
                    <a href="#first">欢迎</a>
                </li>

                <li>
                    <a href="#second">爱好</a>
                </li>

                <li>
                    <a href="#third">学习计划</a>
                </li>

                <li>
                    <a href="#fourth">生活计划</a>
                </li>
            </ul>
        </div>

        <!-- 第一页 -->
        <div id="first">
            <div class="title">欢迎参观</div>
            <div>
                <h1>Hi!这里是赵笑园的个人简介，你想要了解什么？</h1>
                <br>
                <p>下面是具体内容，期待你的到来</p>
                <br>
            </div>
            <div class="content">
                <div style="font-weight:700; font-size: 30px;">学习成果</div>
                <ul>
                    <li><a href="https://oj.wust-acm.top/" class="oj"> <input id="oj" type="button" value="oj"></a>
                    </li>
                    <li><a href="https://blog.csdn.net/2998534436"><input id="csdn" type="button" value="CSDN"></a>
                    </li>
                    <li><a href="https://passport.baidu.com/v6/ucenter?_t=1632828031"><input id="baidu" type="button"
                                value="百度网盘"></a></li>
                </ul>
            </div>

            <div class="good">
                <div style="font-weight:700; font-size: 30px;">获得荣誉</div>
                <ul>
                    <li><a href="study"><input type="button" value="学习：无" id="study"> </a></li>
                    <li><a href="sport"><input type="button" value="运动：马拉松第十名" id="run"> </a></li>
                </ul>
            </div>



            <!-- 第二页 -->

            <section>
                <div id="second">
                    <div class="like" style="color: black;">我的爱好</div>
                    <br>
                    <h1 class="aa">
                        我喜欢看书，玩游戏，听音乐，打羽毛球
                        <br>但是运动是我最喜欢的事情
                    </h1>
                    <div class="in">
                        <div class="book">
                            <img src="img/iphone.png">
                            <h1>看电子书本</h1>
                            <p>
                                电子书很方便我看，所以我很喜欢
                            </p>
                        </div>
                        <div class="game">
                            <img src="img/check.png">
                            <h1>游戏</h1>
                            <p>
                                游戏可以让我放松，王者不安排吗？
                            </p>
                        </div>
                        <div class="music">
                            <img src="img/pencil.png" />
                            <h1>音乐</h1>
                            <p>
                               纯音乐真的nice!!!!!!，喜欢纯音乐
                            </p>
                        </div>
                        <div class="boll">
                            <img src="img/settings.png">
                            <h1>运动</h1>
                            <p>
                                羽毛球，乒乓球，这些我都擅长
                            </p>
                        </div>
                    </div>
                </div>
            </section>

            <section id="third">
                <div>
                    <div class="support">
                        <h1><strong>我的学习计划 <br> Study Plan</strong></h1>
                        <br>
                        <h2> <strong>大二计划</strong> </h2>
                        <ul style="list-style-type: none;">
                            <li>参加“互联网+”大赛</li>
                            <li>绩点过3.3+</li>
                            <li>考过英语四级</li>
                            <li>继续参加辩论</li>
                        </ul>
                        <br>
                    </div>
                </div>
            </section>

            <section id="fourth">
                <div class="crew">
                    <div style="color: black; font-size: 700;">生活计划</div>
                    <br>
                    <div style="color: black;">
                        这是我在大二时的生活计划，希望这个计划可以让我的身体更健康，更强壮
                    </div>
        
                    <div class="crewphoto">
                        <div class="img_div">
                            <img class="who" src="../素材/images/OIP-C (3).jpg">
                            <div class="mask">
                                <h1 style="color: black;">为青队做出贡献</h1>
                            </div>
                        </div>
                        <div class="img_div">
                            <img class="who" src="../素材/images/OIP-C (4).jpg"/>
                            <div class="mask">
                                <h1 style="color: black;">运动健身</h1>
                            </div>
                        </div>
                        <div class="img_div">
                            <img class="who" src="../素材/images/2-7-3.jpg"/>
                            <div class="mask">
                                <h1 style="color: black;">考过驾照</h1>
                            </div>
                        </div>
                        <div class="img_div">
                            <img class="who" src="../素材/images/R-C (1).jpg"/>
                            <div class="mask">
                                <h1 style="color: black;">考过跆拳到裁判证</h1>
                            </div>
                        </div>
                    </div>
                </div>
            </section>





</body>


<html>